import React from "react";
import { Link } from "react-router-dom";
import "./Footer.scss";
import classNames from "classnames";

function Footer({name}) {
  // let {name} = props;
  return (
    <footer className="fixed flex jc-sa aic footer bg-fff">
      <Link className={classNames("item flex aic",{on: name==='home'})} to="/home">首页</Link>
      <Link className={classNames("item flex aic",{on: name==='target'})} to="/target">目的地</Link>
      <Link className={classNames("item flex aic",{on: name==='discover'})} to="/discover">发现</Link>
      <Link className={classNames("item flex aic",{on: name==='my'})} to="/my">我的</Link>
      <Link className={classNames("item flex aic",{on: name==='demo'})} to="/demo">demo</Link>
      <Link className={classNames("item flex aic",{on: name==='order'})} to="/order">订单模块</Link>
    </footer>
  );
}

export default Footer;
